<lv-tabs [lvType]="'step'" [(lvActiveIndex)]="activeIndex">
    <lv-tab [lvTitle]="tab1">
        This is content ...
        <button lv-button (click)="enable()">Click to enable</button>
        <ng-template #tab1>
            <div class="tab-header"><i [lv-icon]='icon'></i> Tab 001</div>
        </ng-template>
    </lv-tab>
    <lv-tab [lvTitle]="tab2" [lvDisabled]="tabDisabled">
        This is content ...
        <ng-template #tab2>
            <div class="tab-header"><i lv-icon='icon-storage'></i> Tab 002</div>
        </ng-template>
    </lv-tab>
    <lv-tab [lvTitle]="tab3" [lvDisabled]="tabDisabled">
        This is content ...
        <ng-template #tab3>
            <div class="tab-header"><i lv-icon='icon-data-center'></i> Tab 003</div>
        </ng-template>
    </lv-tab>
    <lv-tab [lvTitle]="'Tab 004'" [lvDisabled]="tabDisabled">
        This is content ...
    </lv-tab>
    <lv-tab [lvTitle]="'Tab 005'" [lvDisabled]="tabDisabled">
        This is content ...
    </lv-tab>
</lv-tabs>
